extends /_layout/default.pug

block scripts
  // Plugins and scripts required by this view
  script(src='js/tooltips.js')

block view
  .fade-in
    .card
      .card-header
        | Tooltips
        .card-header-actions
          a.card-header-action(href='http://coreui.io/docs/components/bootstrap-tooltips/', target='_blank')
            small.text-muted docs
      .card-body
        p.text-muted Hover over the links below to see tooltips:
        .bd-example.tooltip-demo
          p.muted
            | Tight pants next level keffiyeh
            a(href='#', data-toggle='tooltip', title='', data-original-title='Default tooltip') you probably
            |  haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel
            a(href='#', data-toggle='tooltip', title='', data-original-title='Another tooltip') have a
            |  terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A really ironic artisan
            a(href='#', data-toggle='tooltip', title='', data-original-title='Another one here too') whatever keytar
            | , scenester farm-to-table banksy Austin
            a(href='#', data-toggle='tooltip', title='', data-original-title='The last tip!') twitter handle
            |  freegan cred raw denim single-origin coffee viral.
      .card-footer
        button.btn.btn-secondary(type='button', data-toggle='tooltip', data-placement='top', title='Tooltip on top')
          | Tooltip on top
        button.btn.btn-secondary(type='button', data-toggle='tooltip', data-placement='right', title='Tooltip on right')
          | Tooltip on right
        button.btn.btn-secondary(type='button', data-toggle='tooltip', data-placement='bottom', title='Tooltip on bottom')
          | Tooltip on bottom
        button.btn.btn-secondary(type='button', data-toggle='tooltip', data-placement='left', title='Tooltip on left')
          | Tooltip on left
        button.btn.btn-secondary(type='button', data-toggle='tooltip', data-html='true', title='', data-original-title='<em>Tooltip</em> <u>with</u> <b>HTML</b>') Tooltip with HTML

